﻿@charset "utf-8";


.user-info{
    .user-img{
        border-radius: 50%;
        width: rem(150px);
        height: rem(150px);
    }

    .am-badge-text{
        top:-18px;
        right: -70px;
    }

    .info-main{
        .am-list-item{
            padding-left: 0;
        }

        .am-list-content{
            padding-left: 15px;
        }

        .logout{
            .am-list-content{
                text-align: center !important;
                padding: 15px 0
            }
        }
    }
}

.info-base{
    background: $bgColor;
    input{
        text-align: right;
    }

    .certi-div{
        
        .am-button{
            text-align: right !important;
        }
    }
}

.am-modal-title,.am-modal-button-group-h .am-modal-button{
    font-size: 16px !important;
}

.service-list {
    .state {
        position: absolute;
        right: 0;
        top: 0;
        background: #666;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        line-height: 40px;
    }
    .am-grid .am-flexbox .am-flexbox-item .am-grid-item-content {
        padding: 0 0;
    }
}

.service-details {
    .am-list-item .am-list-line .am-list-extra{
        flex-basis: 51%!important;
        text-align: left;
    }
    .am-list-item .am-list-line .am-list-extra{
        overflow: visible;

    }
    .details-content{
        overflow: scroll;
        padding-bottom: rem(150px);
    }
    .service-details-content {
        margin: 0 rem(60px);
        font-size: rem(28px);
        li {
            margin-bottom: rem(30px);
            h2{
                font-size: rem(32px);
            }
        }
        li .flex{
            padding-left: rem(40px);
            div:nth-child(1){
                width: 25%;
            }
            div:nth-child(2){
                text-align: left;
            }
        }
    }
    .foot{
        background: #fff;
        position: fixed;
        width: 100%;
        left: 0;
        bottom: 10px;
        z-index: 999;
    }
}

.qrcode {
    .success-wrap {
        text-align: center;
        img{
            width:rem(150px);
            height:rem(150px)
        }
    }
}

.order {
    .order-conent {
        overflow: scroll;
        padding-bottom: 100px;
    }
    .order-goods-list {
        margin-top: rem(20px);
        width: 100%;
        font-size: 18px;
        text-align: center;
    }
    .footer {
        display: flex;
        .footer-left{
            flex:3;
        }
        .footer-right{
            flex:2;
        }
    }
    .recommend {
        ul{
            width: 86%;
            margin: 0 auto;
        }
        ul li{
            display: flex;
            align-items: center;
            background-color: #fc6;
            border: 1px solid black;
            font-size: 16px;
            div:nth-of-type(1){
                
            }
            div:nth-of-type(2){
                flex: 6;
            }
            div:nth-of-type(3){
                flex: 3;
            }
        }
    }
    .img-div {
        width: 70px;
        height: 60px;
        text-align: right;
        padding-right: 15px;
    }
}